<script setup lang="ts"></script>

<template>

    <div class="main h-screen flex flex-col">

        <van-nav-bar class="nav" title="Chat-GPT">
            <template #left>
                <van-icon name="ellipsis" size="24" />
            </template>

            <template #right>
                <van-icon name="edit" size="24" />
            </template>
        </van-nav-bar>

        <div class="presentation h-full flex-shrink flex-grow">

            <span class="text-3xl font-bold underline">你好</span>
        </div>

        <div class="textarea_container ">
            <textarea class="textarea rounded-full focus:ring-0 flex-grow border-none"></textarea>
            <van-icon name="upgrade" size="40" />
        </div>

    </div>


</template>

<style scoped lang="scss">
.text-3xl {
    background-color: $color;
}
</style>
